<template>
  <div class="searchHeader" @click="search">
    <i class="iconfont icon-sousuo1"></i>
    <span>搜索</span>
  </div>
</template>

<script>
  export default {
    name: "searchHeader",
    props: {
      type: {
        type: String,
      }
    },
    methods: {
      search() {
        this.$router.push({
          "name": "searchResult",
          params: {
            type: this.type,
          }
        })
      }
    }
  }
</script>

<style scoped lang="less">
  .searchHeader {
    border: 5px solid #f5f5fa;
    font-size: 14px;
    padding: 4px;
    color: gray;
  }
</style>
